        <!-- BOX DIREITO -->
        <td colspan="2" valign="top" style="border-left:1px solid #bbb; border-right:1px solid #ccc; padding:20px 12px;">
            <div id="titulo_pagina">Pedidos</div>
   			<script type="text/javascript">
   				<?php
   				
   				//Variaveis para configuracao da GRID
   				//$gridName - ID da GRID
   				//$controller - Controlador da GRID
   				//$titleList - Titulo da GRID
   				//$titleForm - Titulo do Formulario
   				$gridName = "gridPedidos";
   				$controller = "pedido";
   				$titleList = "Itens do Pedido";
   				$titleForm = "Formul&aacute;rio de Categorias";
   				?>
   				//Array com todos os campos da tabela.
				var arr_fields = [
				                  {nome:'act',label:'', tp_obj: 'hid', tipo : 'str', grid:{name:'act',index:'act', width:10,sortable:false}},
				                  {nome:'id_item_pedido',label:'Id', tp_obj: 'hid', tipo : 'int', grid:{name:'tb_itens_pedidos.id_item_pedido',index:'tb_itens_pedidos.id_item_pedido', width:15, hidden:true, def_order:false,order:''}},
				                  {nome:'id_produto',label:'C&oacute;d. Produto', tp_obj: 'hid', tipo : 'int', grid:{name:'tb_produtos.id_produto',index:'tb_produtos.id_produto', width:25, def_order:false,order:''}},
				                  {nome:'nome',label:'Descri&ccedil;&atilde;o', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_produtos.nome',index:'tb_produtos.nome', width:170, def_order:true,order:'asc'}},
				                  {nome:'unidade',label:'Un', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_produtos.unidade',index:'tb_produtos.unidade', width:15, align:'center', def_order:false,order:''}},
				                  {nome:'quantidade',label:'Qtde', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_itens_pedidos.quantidade',index:'tb_itens_pedidos.quantidade', align:'right', width:25, def_order:false,order:''}},
				                  {nome:'hid_oper',label:'', tp_obj: 'hid', tipo : 'str', grid:null}
					              	];

				//Variavel com o codigo da linha selecionada
				var editValue = null;
				$(document).ready(function(){
					var arr_fld_grid = new Array();
					var arr_fld_labels = new Array();
					var fld_sort_name = "";
					var fld_sort_order = "";

					//Monta os arrays com os labels e os campos
					for(i=0; i<arr_fields.length; i++)
					{
						if(arr_fields[i].grid != null)
						{
							arr_fld_grid.push(arr_fields[i].grid);
							arr_fld_labels.push(arr_fields[i].label);
							if(arr_fields[i].grid.def_order)
							{
								fld_sort_name = arr_fields[i].grid.name;
								fld_sort_order = arr_fields[i].grid.order;
							}
						}
					}

					//Montagem da GRID
					jQuery("#<?php echo $gridName; ?>").jqGrid({
					   	url:'<?php echo base_url().$controller."/listAllItens/".$pedido[0]->id_pedido;?>',
						datatype: "json",
					   	colNames:arr_fld_labels,
					   	colModel:arr_fld_grid,
					   	rowNum:10,
					   	rowList:[5,10,20,30],
					   	height: 'auto',
					   	width:'850',
					   	pager: '#p<?php echo $gridName; ?>',
					   	sortname: fld_sort_name,
					    viewrecords: true,
					    sortorder: fld_sort_order,
					    caption:'<?php echo $titleList; ?>',
					    onSelectRow: function(id){ 
							if(id && id!==editValue){ 
								editValue=id; 
							} 
						},
						gridComplete: function(){
							var ids = jQuery("#<?php echo $gridName; ?>").jqGrid('getDataIDs');
							for(var i=0;i < ids.length;i++){
								var cl = ids[i];
								ed = "<a href=\"javascript:editItem('"+cl+"');\"><img alt=\"Editar\" src=\"<?php echo base_url();?>images/pencil-icon.png\" /></a>"; 
								de = "<a href=\"javascript:deleteItem('"+cl+"');\"><img alt=\"Excluir\" src=\"<?php echo base_url();?>images/delete-icon.png\" /></a>"; 
								jQuery("#<?php echo $gridName; ?>").jqGrid('setRowData',ids[i],{act:ed+de});
							}	
						}
					})
					.navGrid('#p<?php echo $gridName; ?>',{edit:false,add:false,del:false,search:false},{},{},{},{multipleSearch:true})
				});

				//Validacao e envio do formulario
				$(function() {

					var filter_nome = $("#filter_nome"),
					item_fabricante = $("#item_fabricante"),					
					allFields = $([]).add(filter_nome).add(item_fabricante),
					tips = $(".validateTips");
							
	    			
				    $("#dialog-form").dialog({
					    bgiframe: true,
					    autoOpen: false,
					    height: 220,
					    width: 320,
					    modal: true,
					    buttons: {
						    'Fechar': function() {
							    $(this).dialog('close');
						    }, 
						    'Pesquisar': function()
						    {
								var bValid = true;
								allFields.removeClass('ui-state-error');

								bValid = bValid && validation(filter_nome, "Nome", "required", tips, 0, 0);
								bValid = bValid && validation(filter_nome, "Nome", "length", tips, 1, 150);
								bValid = bValid && validation(item_fabricante, "Fabricante", "required", tips, 0, 0);

								if(bValid)
								{
									$.ajax({
										  type: 'POST',
										  url: '<?php echo base_url().$controller."/listProdutos"?>',
										  data: {nome:filter_nome.val(), fabricante:item_fabricante.val()},
										  success: function(msg){
											  $("#lista_produtos").html(msg);
											  filter_nome.val("");
											  	
										  }
									});
									$(this).dialog('close');
								}
							}
					    },
					    open: function() {
			                $('.ui-dialog-buttonpane').
			                    find('button:contains("Fechar")').button({
			                    icons: {
			                        primary: 'cancelIcon'
			                    }
			                });
			                $('.ui-dialog-buttonpane').
		                    find('button:contains("Pesquisar")').button({
		                    icons: {
		                        primary: 'filterIcon'
		                    }
		                });
			             },
					    close: function() {				
					    }
				    });
				});		
			</script>
			<script>
				$(document).ready(function() {
		            $("#bt_confirmaPedido").button({
			            icons: {primary: "confirmIcon"}
		            }).click(function(){
			            
						var id_pedido = $("#id_pedido"),
						numero_controle = $("#numero_controle"),
						cliente = $("#cliente"),
						convenio = $("#convenio"),
						data_cirurgia = $("#data_cirurgia"),
						medico = $("#medico"),
						paciente = $("#paciente"),					
						allFields = $([]).add(id_pedido)
										 .add(numero_controle)
										 .add(cliente)
										 .add(convenio)
										 .add(data_cirurgia)
										 .add(medico)
										 .add(paciente),
						tips = $(".validateTips");
			            
						var bValid = true;
						allFields.removeClass('ui-state-error');

						bValid = bValid && validation(numero_controle, "N\u00b0 de Controle", "required", tips, 0, 0);
						bValid = bValid && validation(numero_controle, "N\u00b0 de Controle", "length", tips, 1, 45);
						
						bValid = bValid && validation(cliente, "Cliente", "required", tips, 0, 0);

						bValid = bValid && validation(convenio, "N\u00b0 do Conv\u00eanio", "required", tips, 0, 0);
						bValid = bValid && validation(convenio, "N\u00b0 do Con\u00eanio", "length", tips, 1, 100);

						bValid = bValid && validation(data_cirurgia, "Data da Cirurgia", "required", tips, 0, 0);
						bValid = bValid && validation(medico, "M\u00e9dico", "required", tips, 0, 0);

						bValid = bValid && validation(paciente, "Paciente", "required", tips, 0, 0);
						bValid = bValid && validation(paciente, "Paciente", "length", tips, 1, 250);

						if(bValid)
						{
							$.ajax({
								  type: 'POST',
								  url: '<?php echo base_url().$controller."/salvarPedido"?>',
								  data: {id_pedido:id_pedido.val(), 
									  	 numero_controle:numero_controle.val(), 
									  	 cliente:cliente.val(), 
									  	 convenio:convenio.val(), 
									  	 data_cirurgia:data_cirurgia.val(),
									  	 medico:medico.val(),
									  	 paciente:paciente.val()},
								  success: function(msg){
								  		var type = msg.substr(0,3);
										var msgs = msg.substr(4);
								  		if(type != "err")
								  		{
											showMsg(msgs);
											carrega_pedido();
											allFields.val('').removeClass('ui-state-error');
								  			document.getElementById('error').innerHTML= "";
								  			document.getElementById("error").style.display='none';
								  			tips.removeClass('ui-state-highlight', 1500);
								  		}
								  		else
								  		{
								  			document.getElementById('error').innerHTML= msgs;
								  			document.getElementById("error").style.display="";
									  	}
									  	
								  }
							});
						}
		    		});
	
		            $("#bt_salvarItem").button({
			            icons: {primary: "saveIcon"}
		            }).click(function(){
			            
						var id_pedido = $("#id_pedido"),
						item_produto = $("#item_produto"),
						item_quantidade = $("#item_quantidade"),
						hid_oper = $("#hid_oper"),
						id_item_pedido = $("#id_item_pedido"),
						allFields = $([]).add(id_pedido)
										 .add(item_produto)
										 .add(item_quantidade)
										 .add(hid_oper)
										 .add(id_item_pedido),
						tips = $(".validateTips");
			            
						var bValid = true;
						allFields.removeClass('ui-state-error');

						bValid = bValid && validation(item_produto, "Produto", "required", tips, 0, 0);
						bValid = bValid && validation(item_quantidade, "Qtde", "required", tips, 0, 0);

						if(bValid)
						{
							$.ajax({
								  type: 'POST',
								  url: '<?php echo base_url().$controller."/salvarItemPedido"?>',
								  data: {id_pedido:id_pedido.val(), 
									  	 item_produto:item_produto.val(), 
									  	 item_quantidade:item_quantidade.val(),
									  	 hid_oper:hid_oper.val(),
									  	 id_item_pedido:id_item_pedido.val()},
								  success: function(msg){
								  		var type = msg.substr(0,3);
										var msgs = msg.substr(4);
								  		if(type != "err")
								  		{
											showMsg(msgs);
											$("#<?php echo $gridName; ?>").trigger("reloadGrid");
											allFields.val('').removeClass('ui-state-error');
								  			document.getElementById('error').innerHTML= "";
								  			document.getElementById("error").style.display='none';
								  			tips.removeClass('ui-state-highlight', 1500);
								  			carrega_pedido();
								  			$("#item_fabricante").val("");
								  			$("#item_unidade").val("");
								  			$("#hid_oper").val("add");
								  		}
								  		else
								  		{
								  			document.getElementById('error').innerHTML= msgs;
								  			document.getElementById("error").style.display="";
									  	}
									  	
								  }
							});
						}
		    		});
	
		            $("#bt_cancelar").button({
			            icons: {primary: "cancelIcon"}
		            }).click(function(){
						$('#dialog-form').dialog('option', 'title');
			            $('#dialog-form').dialog('open');
						$('#hid_oper').val("add");
		    		});
		        });
		        
				$(function() {
					$.datepicker.setDefaults( $.datepicker.regional[ "pt-BR" ] );
					$("#data_cirurgia").datepicker();
				});

				function editItem(id_item)
				{
		            $('#dialog-wait').dialog({ 
		            	closeOnEscape: false,
		            	draggable: false,
		            	modal: true,
		            	resizable: false  
		            });
					$.ajax({
	                    type: "POST",
	                    url: '<?php echo base_url().$controller."/getItemById"?>',
	                    data: {id:id_item},
	                    success: function(msg) 
	                    {
	                    	eval('var obj =' + msg);
							$("#item_fabricante").val(obj.id_fabricante);
							carrega_produtos(obj.id_fabricante, obj.id_produto);
							$("#id_item_pedido").val(obj.id_item_pedido);
							$("#item_unidade").val(obj.unidade);

							var qtde = $().number_format(obj.quantidade, {
							     numberOfDecimals:2,
							     decimalSeparator: ',',
							     thousandSeparator: '.',
							     symbol: ''});

							$("#item_quantidade").val(qtde);
							$('#hid_oper').val("upd");
	                    }
					});
					$('#dialog-wait').dialog('close');
				}
				
				function deleteItem(id_item)
				{
		   			$("#dialog-confirm").dialog({
		   				resizable: false,
		   				height:150,
		   				width:400,
		   				modal: true,
		   				buttons: {
		   					'Confirmar': function() {
					            $('#dialog-wait').dialog({ 
					            	closeOnEscape: false,
					            	draggable: false,
					            	modal: true,
					            	resizable: false  
					            });
								$.ajax({
			                		type: "POST",
			                		url: '<?php echo base_url().$controller."/deleteItem"?>',
			                		data: {id:id_item},
			                		success: function(msg) 
			                		{
								  		var type = msg.substr(0,3);
										var msgs = msg.substr(4);
			
										if(type != "err")
										{
				   							showMsg(msgs);
										}
										else
										{
											dialogMessage(msgs,'dialog-message');   
										}
				       					$("#<?php echo $gridName; ?>").trigger("reloadGrid");
			                		}
								});
								$('#dialog-wait').dialog('close');
		   						$(this).dialog('close');
		   					},
		   					Cancelar: function() {
		   						$(this).dialog('close');
		   					}
		   				}
		   			}); 
		   		}
				
				function carrega_produtos(fabricante, produto)
				{
					$.ajax({
	                    type: "POST",
	                    url: "<?php echo base_url().$controller; ?>/listProdutos",
	                    data: "fabricante=" + fabricante,
	                    success: function(lista_produtos) 
	                    {
	                    	$("#lista_produtos").html(lista_produtos);
	    					$("#item_produto").val(produto);
		                }
	            	});
					$("#item_unidade").val("");
				}	

				function carrega_pedido()
				{
					$.ajax({
	                    type: "POST",
	                    url: "<?php echo base_url().$controller; ?>/pedidoById",
	                    data: "pedido=" + $("#hid_pedido").val(),
	                    success: function(msg) 
	                    {
	                    	eval('var obj =' + msg);
	                    	
	                    	$("#id_pedido").val(obj.id_pedido);
							$("#numero_controle").val(obj.numero_controle);
							$("#cliente").val(obj.id_cliente_fk);
							$("#convenio").val(obj.convenio);
							$("#data_cirurgia").val(obj.data_cirurgia);
							$("#medico").val(obj.id_medico_fk);
							$("#paciente").val(obj.paciente);	                    	
		                }
	            	});
				}

				function seleciona_unidade(produto)
				{
					$.ajax({
	                    type: "POST",
	                    url: "<?php echo base_url().$controller; ?>/selectUnidade",
	                    data: "produto=" + produto,
	                    success: function(unidade) 
	                    {
	                    	$("#item_unidade").val(unidade);
		                }
	            	});
				}	

				function open_filter()
				{
					$('#dialog-form').dialog('option', 'title');
		            $('#dialog-form').dialog('open');
				} 	
    		</script> 
			<style>
            	#toolbar {
            		padding: 2px 4px;
					width:840px;
            	}
            	.txtLabel{
            		font-size: 12px;
            		font-style:normal;
					font-weight: bold;
            	}
        	</style>
			<div align="center">
				<div style="width: 650px;">
					<div id="error" class="ui-state-highlight" style="display:none;"></div>
					<p class="validateTips">Todos os campos s&atilde;o obrigat&oacute;rios.</p>
				</div>
				<fieldset style="width: 650px;" class="ui-widget-content ui-corner-all">
					<legend class="txtLabel">Formul&aacute;rio de Pedidos</legend>					
					<table border="0" cellpadding="3" cellspacing="3" width="600px">
						<tr>
							<td class="txtLabel">
								N&deg; do Pedido
							</td>
							<td colspan="4">
								<?php echo $pedido[0]->id_pedido; ?>
								<input type="hidden" id="hid_pedido" name="hid_pedido" value="<?php echo $pedido[0]->id_pedido; ?>" />
							</td>
						</tr>
						<tr>
							<td class="txtLabel">
								N&deg; de Controle
							</td>
							<td colspan="4">
								<input type="text" id="numero_controle" name="numero_controle" size="15" class="text ui-widget-content ui-corner-all" value="<?php echo (isset($pedido[0]->numero_controle)?$pedido[0]->numero_controle:""); ?>" />
							</td>
						</tr>
						<tr>
							<td class="txtLabel">
								Cliente
							</td>
							<td colspan="4">
								<select name="cliente" id="cliente" class="select ui-widget-content ui-corner-all" style="width: 457px;">
									<option value="">-- Selecione o Cliente --</option>
   								<?php 
								foreach ($clientes as $dados) 
								{
									$select = "";
									if (isset($pedido[0]->id_cliente_fk)){
									 	if ($pedido[0]->id_cliente_fk == $dados->id_cliente)
									 	{
									 		$select = " selected='selected'";	
									 	}
									}
								?>
									<option value="<?php echo $dados->id_cliente;?>" <?php echo $select; ?>><?php echo utf8_decode($dados->nome); ?></option>
								<?php	
								}
								?>
								</select>
							</td>
						</tr>
						<tr>
							<td class="txtLabel">
								Conv&ecirc;nio
							</td>
							<td>
								<input type="text" id="convenio" name="convenio" class="text ui-widget-content ui-corner-all" value="<?php echo (isset($pedido[0]->convenio)?utf8_decode($pedido[0]->convenio):""); ?>" />
							</td>
							<td>
								&nbsp;
							</td>
							<td class="txtLabel">
								Data da Cirurgia
							</td>
							<td>
								<input type="text" id="data_cirurgia" name="data_cirurgia" size="12" class="text ui-widget-content ui-corner-all" value="<?php if (isset($pedido[0]->data_cirurgia)){ $data = new DateTime($pedido[0]->data_cirurgia); echo date_format($data, "d/m/Y");} ?>" />
							</td>
						</tr>
						<tr>
							<td class="txtLabel">
								M&eacute;dico
							</td>
							<td colspan="4">
								<select name="medico" id="medico" class="select ui-widget-content ui-corner-all" style="width: 457px;">
									<option value="">-- Selecione o M&eacute;dico --</option>
   								<?php 
								foreach ($medicos as $dados) 
								{
									$select = "";
									if (isset($pedido[0]->id_medico_fk)){
									 	if ($pedido[0]->id_medico_fk == $dados->id_medico)
									 	{
									 		$select = " selected='selected'";	
									 	}
									}
								?>
									<option value="<?php echo $dados->id_medico;?>" <?php echo $select; ?>><?php echo utf8_decode($dados->nome); ?> (CRM: <?php echo $dados->crm; ?>)</option>
								<?php	
								}
								?>
								</select>
							</td>
						</tr>
						<tr>
							<td class="txtLabel">
								Paciente
							</td>
							<td colspan="4">
								<input type="text" id="paciente" name="paciente" size="65" class="text ui-widget-content ui-corner-all" value="<?php echo (isset($pedido[0]->paciente)? utf8_decode($pedido[0]->paciente):""); ?>" />
							</td>
						</tr>
						<tr>
							<td colspan="5" align="right">
								<span style="margin: 0 32px 0 0;">
							    	<button id="bt_confirmaPedido">Confirmar Pedido</button>
							    </span>							
							</td>
						</tr>
					</table>
					<input type="hidden" id="id_pedido" name="id_pedido" value="<?php echo $pedido[0]->id_pedido; ?>" />
				</fieldset>
				<div>&nbsp;</div>
                <div id="toolbar" class="ui-widget-content ui-corner-all">
                	<table border="0" cellpadding="0" cellspacing="0" width="100%">
                		<tr>
                			<td width="250px">
                				<input type="hidden" id="hid_oper" name="hid_oper" value="add">
                				<input type="hidden" id="id_item_pedido" name="id_item_pedido" value="" />
                				<fieldset class="ui-corner-all">
                					<legend>Fabricante</legend>
                					<select name="item_fabricante" id="item_fabricante" style="width: 220px;" class="select ui-widget-content ui-corner-all" onchange="carrega_produtos(this.value,'');">
                						<option value="" selected="selected">-- Selecione um Fabricante --</option>
                						<?php 
                						foreach ($fabricantes as $dados) 
                						{
                						?>
                						<option value="<?php echo $dados->id_fabricante;?>"><?php echo utf8_decode($dados->nome); ?></option>
                						<?php	
                						}
                						?>
                					</select>
                				</fieldset>
                			</td>
                			<td width="450px">
                				<fieldset class="ui-corner-all">
                					<legend>Produtos</legend>
                					<span id="lista_produtos">
	                					<select name="item_produto" id="item_produto" style="width: 400px;" class="select ui-widget-content ui-corner-all" onchange="seleciona_unidade(this.value);">
	                						<option></option>
	                					</select>
                					</span>
                					<a href="javascript:open_filter()"><img src="<?php echo base_url(); ?>images/magnifier-icon.png" width="15" /></a>
                				</fieldset>
                			</td>
                			<td width="70px">
                				<fieldset style="width: 20px" class="ui-corner-all">
                					<legend>Un</legend>
									<input type="text" name="item_unidade" id="item_unidade" class="text ui-widget-content ui-corner-all" size="5" />
                				</fieldset>
                			</td>
                			<td width="70px">
                				<fieldset style="width: 20px" class="ui-corner-all">
                					<legend>Qtde</legend>
									<input type="text" alt="integer" name="item_quantidade" id="item_quantidade" class="text ui-widget-content ui-corner-all" size="5" />
                				</fieldset>
                			</td>
                		</tr>
                		<tr>
                			<td align="right" colspan="4">
							     <button id="bt_salvarItem">Salvar</button>							
							     <button id="bt_cancelar">Cancelar</button>							
                			</td>
                		</tr>
                	</table>
                </div>
				<div>&nbsp;</div>
				<table id="<?php echo $gridName; ?>"></table>
				<div id="p<?php echo $gridName; ?>"></div>
			</div>
			<div id="dialog-form" title="Filtro de Produtos">
				<div id="error" class="ui-state-highlight" style="display:none;"></div>
				<p class="validateTips">Todos os campos s&atilde;o obrigat&oacute;rios.</p>
				<form>
					<fieldset>
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tr>
								<td>
									<label for="filter_nome">Nome</label>
									<br />
									<input type="text" name="filter_nome" id="filter_nome" class="text ui-widget-content ui-corner-all" size="30" />
								</td>
							</tr>
							<tr height="10px">
								<td>&nbsp;</td>
							</tr>
						</table>
					</fieldset>
				</form>
			</div>
        </td>
        <!-- X BOX DIREITO -->